<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <div>
        <a-form layout="inline">
          <a-row :gutter="24">
            <a-col :md="6" :sm="24">
              <a-form-item label="学期">
                <a-select defaultValue="1">
                  <a-select-option value="1"> 2020-2021上学期 </a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
                <edu-button type="5" @click="searchQuery" icon="search" title="搜索"
                            style="margin-bottom: 0"></edu-button><edu-button type="7" @click="searchReset"
                                                                              icon="delete" title="清除"
                                                                              style="margin-bottom: 0"></edu-button>
              </span>
            </a-col>
          </a-row>
        </a-form>
      </div>
    </div>
    <BarMultid title="及格率统计图" :dataSource="dataSource" :height="420" :fields="fields" />
  </a-card>
</template>

<script>
import VeJwTjJigeModal from './modules/VeJwTjJigeModal'
import BarMultid from '@/components/chart/BarMultid'
import { EduListMixin } from '@/mixins/EduListMixin'

export default {
  name: 'VeJwTjJigeList',
  mixins: [EduListMixin],
  components: {
    VeJwTjJigeModal,
    BarMultid,
  },
  data() {
    return {
      description: 've_jw_tj_jige管理页面',
      disableMixinCreated: true,
      fields: ['计算机学院', '机械工程学院', '电子信息学院', '旅游与服务学院', '经济管理学院', '商务职业学院'],
      dataSource: [
        {
          type: '及格率%', // 列名
          计算机学院: 44,
          机械工程学院: 31,
          电子信息学院: 17,
          旅游与服务学院: 36,
          经济管理学院: 34,
          商务职业学院: 38,
        },
      ],
    }
  },
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    },
  },
  methods: {
    initDictConfig() {},
  },
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>